<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>寻求报道</title>
    <!--if lt IE 8]>
        <script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>

    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/xinqiubangzhu.css">
    <link rel="stylesheet" href="../css/swiper.css">

</head>

<body>
    <header class="head">
        <div class="imgs"><img src="../imgs/baodao.png" alt=""></div>
        <div class="san">
            <a href="app.html"><img src="../imgs/san.png" alt=""></a>
        </div>
    </header>
    <main class="main">
        <div class="tabs">
            <a href="#" class="active">提交报道</a>
            <a href="#">我要爆料</a>
            <a href="#">我要投稿</a>
            <a href="#">FAQ</a>
        </div>
        <div id="tabs-container" class="tabsd">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content-slide">
                        <div class="news-list tijiao">
                            <div class="imgs">
                                <img src="../imgs/zhoubang.png" alt="">
                            </div>
                            <div class="boday">
                                <p class="p1">欢迎有报道需求的创业团队，参与爱范儿旗下创业社区MindStore的<span>【Mind周榜】</span>，评选。</p>
                                <p class="p2">
                                    每周一，我们将从新鲜-有趣和精致三大远则出发，通过团队严格审核，以及产品在MinStore上的认领产品，评选出<span>【Mind周榜】</span>。
                                </p>
                                <p class="p3">
                                    请点击一下按钮，记得认领【我是该产品的负责人或开发团对成员】，即可参与评选.
                                </p>

                                <button class='btn'>分享产品</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="content-slide">
                        <div class="news-list woyao">
                            <div class="baoliaoa">
                                <p class="baoliao">
                                    <span>*</span> 爆料摘要：
                                </p>
                                <input type="text" class="caoyao">
                                <p class="baoliao">
                                    <span>*</span> 爆料内容：
                                </p>
                                <input type="text" class="neirong">
                                <p class="baoliao">
                                    <span>*</span> 爆料人：
                                </p>
                                <input type="text" class="neirong">
                                <p class="baoliao">
                                    <span>*</span> 联系邮箱：
                                </p>
                                <input type="text" class="neirong">
                                <button class='btn'>分享产品</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        <div class="news-list wenzhanga">
                            <div class="wenzhang">
                                <p class="baoliao">
                                    <span>*</span> 文章标题：
                                </p>
                                <input type="text" class="caoyao">
                                <p class="baoliao">
                                    <span>*</span> 文章内容：
                                </p>
                                <input type="text" class="neirong">
                                <p class="baoliao">
                                    <span>*</span> 作者名字：
                                </p>
                                <input type="text" class="neirong">
                                <p class="baoliao">
                                    <span>*</span> 作者简介：
                                </p>
                                <input type="text" class="neirong">
                                <button class='btn'>分享产品</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        <div class="news-list">
                            <div class="faq">
                                <p class="p0">FAP内容</p>
                                <p class="p1">A.爱犯儿的报道标准是什么</p>
                                <p class="p2">新鲜，有趣，有料。</p>
                                <p class="p1">B.如何才能提高倍报道的机率？</p>
                                <p class="p2">1.由于我们邮箱常常被塞满，因此请在邮件标题上面下功夫，用一句话把你正在坐的事情讲的非常清楚明白；</p>
                                <p class="p2">2.由于我们邮箱常常被塞满，因此请在邮件标题上面下功夫，用一句话把你正在坐的事情讲的非常清楚明白；</p>
                                <p class="p2">3.请提交真实信息</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="dibu">
        <div class="pxx">
            <div class="div1">
                <div>
                    <a href="shouye.html"><img src="../imgs/s.png" alt=""></a>
                </div>

            </div>
            <div class="div_1">
                <div class="div2">
                    <img src="../imgs/shua.png" alt="">
                </div>
                <div class="div2">
                    <a href="shouye.html">
                        <img src="../imgs/tui.png" alt="">
                    </a>
                </div>
                <div class="div2">
                    <img src="../imgs/jin.png" alt="">
                </div>
                <div class="div2">
                    <img src="../imgs/xiang.png" alt="">
                </div>
            </div>

        </div>
    </footer>
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/swiper.js"></script>
    <script type="text/javascript">
        var tabsSwiper = new Swiper('.tabsd', {
            onSlideChangeStart: function() {
                $(".tabs .active").removeClass('active')
                $(".tabs a").eq(tabsSwiper.activeIndex).addClass('active')
            }
        })
        $(".tabs a").on('touchstart mousedown', function(e) {
            e.preventDefault()
            $(".tabs .active").removeClass('active')
            $(this).addClass('active')
            tabsSwiper.slideTo($(this).index())
        })
        $(".tabs a").click(function(e) {
            e.preventDefault()
        })
    </script>

</body>

</html>